/*******************共用导航*******************/
.top{
    width: 100%;
    padding: 20px 80px;
    position: relative;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
body.pt{
    padding-top: 95px;
}
.logobox_logo{
    width: 400px;
    overflow: hidden;
    margin-top: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.logobox_slogan{
    display: none;
    width: 290px;
    overflow: hidden;
    margin-top: 5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_ul_li{
    margin: 0 25px;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_ul_li_div_a{
    font-size: 18px;
    color:#333;
    line-height: 50px;
    text-align: center;
}
.nav_ul_li_div_div{
    width: 40px;
    height: 2px;
    margin: 0 auto;
    background-color: #f08922;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_ul_li.on .nav_ul_li_div_a{
    color:#f08922;
}
.nav_ul_li.on .nav_ul_li_div_div{
    opacity: 1;
}
.nav_ul_li:hover .nav_ul_li_div_div{
    opacity: 1;
}
.nav_ul_li:hover .nav_ul_li_div_a{
    color:#f08922;
}

.nav_ul_li_box{
    display: none;
    position: absolute;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    z-index: 5;
}
.nav_ul_li_box_kong{
    width: 100%;
    height: 20px;
}
.nav_ul_li_box_ul{
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px #f7f7f7;
    border-top: 2px solid #f08922;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_ul_li_box_ul_li{
    border-bottom: 1px dashed #ccc;
    position: relative;
}
.nav_ul_li_box_ul_li_a{
    font-size: 14px;
    color:#333;
    line-height: 50px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_ul_li_box_ul_li_span{
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    background: url("../images/R.png") no-repeat center;
    top:12px;
    right: 16px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_ul_li_box_ul_li:hover{
    border-bottom: 1px dashed #f08922;
}
.nav_ul_li_box_ul_li:hover .nav_ul_li_box_ul_li_a{
    color: #f08922;
}
.nav_ul_li_box_ul_li:hover .nav_ul_li_box_ul_li_span{
    background: url("../images/R1.png") no-repeat center;
}
.nav_ul_li:hover .nav_ul_li_box{
    display: block;
}

.phonenav_title{
    width: 65px;
    height: 65px;
    background: url("../images/pnav.png") no-repeat center;
    cursor: pointer;
}
.phonenav_ul{
    width: 100%;
    position: absolute;
    left: 0;
    top:75px;
    background: rgba(0,0,0,0.8);
    padding-top: 8px;
    z-index: 6;
}
.phonenav_ul_li{
    width: 90%;
    margin: 8px auto;
}
.phonenav_ul_li_a{
    padding: 0 20px;
    font-size: 16px;
    color:#fff;
    line-height: 50px;
    border-bottom: 1px solid #fff;
}
.phonenav_ul_li_ul{
    width: 95%;
    margin-left: 5%;
    display: none;
}
.phonenav_ul_li_ul_li{
    padding-left: 15px;
    margin: 8px 0;
    border-bottom: 1px dashed #fff;
    position: relative;
}
.phonenav_ul_li_ul_li_a{
    font-size: 16px;
    line-height: 45px;
    color: #fff;
}
.phonenav_ul_li_ul_li_span{
    position: absolute;
    top:10px;
    left: 136px;
    display: block;
    width: 13px;
    height: 13px;
    background: url("../images/R2.png") no-repeat center;
}
@media screen and (max-width: 1680px){
    .top{
        padding: 20px 50px;
    }
    .nav_ul_li{
        margin: 0 18px;
    }
    .logobox_logo{
        /*width: 285px;*/
        /*margin-top: 5px;*/
    }
    .logobox_slogan{
        width: 230px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 1500px){
    .top{
        padding: 20px 30px;
    }
}
@media screen and (max-width: 1440px){
    .logobox_logo{
        width: 360px;
        /*margin-top: 10px;*/
    }
    .logobox_slogan{
        width: 230px;
        margin-top: 10px;
    }
    .nav_ul_li{
        margin: 0 10px;
    }
    body.pt{
        padding-top: 92px;
    }
}
@media screen and (max-width: 1330px){
    .logobox_logo{
        width: 300px;
        margin-top: 10px;
    }
    .logobox_slogan{
        width: 170px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 1200px){
    .top{
        padding: 5px 15px;
    }

    .logobox_slogan{
        display: none;
    }
    .nav_ul{
        display: none;
    }
    .phonenav{
        display: block;
    }
    body.pt{
        padding-top: 75px;
    }
}
@media screen and (max-width: 375px){
    .logobox_logo{
        width: 220px;
        margin-top: 10px;
    }
}
/*banner*/
.dbanner{
    width: 100%;
    margin: 0 auto;
}
.dbannerbox{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.dbannerbox_ul{
    width: 400%;
}
.dbannerbox_ul_li{
    width: 25%;
    position: relative;
}
.dbannerbox_ul_li_img{
    width: 100%;
}
.dbannerbox_ul1{
    width: 400%;
}
.dbannerbox_ul1_li{
    width: 25%;
    position: relative;
}
.dbannerbox_ul1_li_img{
    width: 100%;
}
.dbannerbox_ul_tab{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom:10px;
}
.dbannerbox_ul_tab li{
    width: 15px;
    height: 15px;
    background-color: #fff;
    display: inline-block;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    margin: 0 5px;
    cursor: pointer;
}
.dbannerbox_ul_tab li.on{
    background-color: #ce1b2b;
}

@media screen and (max-width: 768px){
    .dbanner,.dvideo{
        padding: 0;
    }
    .dbannerbox_ul{
        display: none;
    }
    .dbannerbox_ul1{
        display: block;
    }

}
.gytitle{
    width: 100%;
    text-align: center;
    margin: 70px 0;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.gytitle_h2{
    font-size: 120px;
    font-weight: bold;
    color:#f0f0f0;
}
.gytitle_div{
    position: absolute;
    width: 100%;
    left: 50%;
    margin-left: -50%;
    top:40px;
    text-align: center;
}
.gytitle_p{
    font-size: 36px;
    color:#333;
    font-style: italic;
}
.gytitle_p_span{
    font-size: 28px;
    color:#f08922;
}
@media screen and (max-width: 1500px){
    .gytitle{
        margin: 40px 0;
    }
}
@media screen and (max-width: 1366px){
    .gytitle{
        margin: 30px 0;
    }
}
@media screen and (max-width: 1200px){
    .gytitle{
        margin: 20px 0;
    }
    .gytitle_h2{
        font-size: 80px;
    }
    .gytitle_div{
        top:25px;
    }
    .gytitle_p{
        font-size: 24px;
    }
    .gytitle_p_span{
        font-size: 18px;
    }
}
@media screen and (max-width: 375px){
    .gytitle_h2{
        font-size: 60px;
    }
    .gytitle_div{
        top:20px;
    }
    .gytitle_p{
        font-size: 20px;
    }
    .gytitle_p_span{
        font-size: 14px;
    }
}
/*底部*/
.foot{
    width: 100%;
}
.foot_box{
    width: 100%;
    padding: 20px 80px;
    background-color: #4d4d4d;
}
.foot_box_div_logo_img{
    width: 285px;
}
.foot_box_div_logo_p{
    font-size: 24px;
    color:#f0f0f0;
    line-height: 60px;
}
.foot_box_div_logo_p_span{
    padding-left:  10px;
}
.foot_box_div_logo_p1{
    font-size: 18px;
    color:#f0f0f0;
    line-height: 25px;
}
.foot_box_div_nav{
    margin-top: 35px;
}
.foot_box_div_nav_li{
    margin-right: 35px;
}
.foot_box_div_nav_li_a{
    font-size: 16px;
    color:#f0f0f0;
    line-height: 30px;
}
.foot_bq{
    width: 100%;
    background-color: #404040;
}
.foot_bq_p{
    font-size: 14px;
    color:#f0f0f0;
    text-align: center;
    line-height: 40px;
}
.foot_bq_p_a{
    color:#f0f0f0;
    font-size: 14px;
    display: inline-block;
    line-height: 40px;
}
.foot_bq_p1{
    font-size: 12px;
    color:#f0f0f0;
    text-align: center;
    line-height: 20px;
}
.foot_bq_p1_a{
    color:#f0f0f0;
    font-size: 12px;
    display: inline-block;
    line-height: 20px;
}
@media screen and (max-width: 1440px){
    .foot_box{
        padding: 20px 40px;
    }

}
@media screen and (max-width: 1200px){
    .foot_box{
        padding: 20px;
    }

}
@media screen and (max-width: 1024px){
    .foot_box{
        padding: 30px 10px
    }
    .foot_box_div_logo_img{
        width: 200px;
    }
    .foot_box_div_logo_p{
        font-size: 18px;
        line-height: 40px;
    }
    .foot_box_ewm{
        width: 120px;
    }
    .foot_bq_p{
        font-size: 12px;
    }

}
@media screen and (max-width: 768px){
    .foot_box{
        padding: 30px 10px
    }
    .foot_box_div_logo_img{
        float: none;
        width: 200px;
    }
    .foot_box_div_nav{
        margin-top: 15px;
    }
    .foot_box_div_nav_li{
        margin-right: 10px;
    }
    .foot_box_div_logo_p{
        float: none;
        font-size: 18px;
        line-height: 40px;
    }
    .foot_box_ewm{
        width: 120px;
    }
    .foot_bq{
        padding: 5px 0;
    }
    .foot_bq_p{
        display: none;
    }
    .foot_bq_p1{
        display: block;
    }


}
@media screen and (max-width: 600px){
    .foot_box_div{
        float: none;
    }
    .foot_box_div_nav{
        margin-top: 0;
    }
    .foot_box_ewm{
        float: none;
        margin: 15px auto 0 auto;
    }
    .foot_box_div_logo_p{
        display: none;
    }
    .foot_box_div_logo_p1{
        display: block;
    }
}

/*内页banner*/
.nybanner{
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nybanner_img{
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
@media screen and (max-width: 1200px){
    .nybanner{
        height: 260px;
        position: relative;
    }
    .nybanner_img{
        position: absolute;
        width: auto;
        height: 100%;
        left: 50%;
        margin-left: -595px;
    }
}
@media screen and (max-width: 768px){
    .nybanner{
        height: 180px;
    }
    .nybanner_img{
        margin-left: -412px;
    }
}

/*共用二级导航*/
.nygytitle{
    width: 100%;
    padding: 20px 80px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    position: relative;
}
.nygytitle_h2{
    font-size: 26px;
    color:#333;
    line-height: 36px;
}
.nygytitle_h2_span{
    font-size: 16px;
    color:#f08922;
    line-height: 36px;
}

.nygytitle_ul_li{
    margin-left: 30px;
    position: relative;
}
.nygytitle_ul_li_a{
    font-size: 18px;
    color:#333;
    line-height: 36px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nygytitle_ul_li_span{
    position: absolute;
    top: 5px;
    left: 143px;
    display: block;
    width: 13px;
    height: 13px;
    background: url(../images/R.png) no-repeat center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nygytitle_ul_li.on .nygytitle_ul_li_a{
    color:#f08922;
}
.nygytitle_ul_li.on .nygytitle_ul_li_span{
    background: url(../images/R1.png) no-repeat center;
}
.nygytitle_ul_li:hover .nygytitle_ul_li_a{
    color:#f08922;
}
.nygytitle_ul_li:hover .nygytitle_ul_li_span{
    background: url(../images/R1.png) no-repeat center;
}

.nygytitle_div_p{
    font-size: 16px;
    color:#333;
    line-height: 38px;
    height: 38px;
    background: url("../images/gydown.png") right center no-repeat;
    padding-right: 40px;
}
.nygytitle_div_p.on{
    background: url("../images/gydown1.png") right center no-repeat;
    color:#f08922;
}
.nygytitle_div_ul{
    display: none;
    position: absolute;
    right: 5px;
    background: rgba(0,0,0,0.8);
    top:68px;
    z-index: 6;
}
.nygytitle_div_ul_li{
    position: relative;
}
.nygytitle_div_ul_li_a{
    padding: 0 25px;
    font-size: 14px;
    color:#fff;
    line-height: 40px;
    border-bottom: 1px dashed #fff;
    text-align: center;
}
.nygytitle_div_ul_li_span{
    position: absolute;
    top: 5px;
    right:8px;
    display: block;
    width: 13px;
    height: 13px;
    background: url(../images/R2.png) no-repeat center;
}

.nygytitle_div_ul_li.on .nygytitle_div_ul_li_a{
    color:#f08922;
}
.nygytitle_div_ul_li.on .nygytitle_div_ul_li_span{
    background: url(../images/R1.png) no-repeat center;
}
@media screen and (max-width: 1500px){
    .nygytitle{
        padding: 20px 40px;
    }
}
@media screen and (max-width: 1200px){
    .nygytitle{
        padding: 20px;
    }
}
@media screen and (max-width: 1024px){
    .nygytitle_ul{
        display: none;
    }
    .nygytitle_div{
        display: block;
    }
    .nygytitle_h2{
        font-size: 20px;
    }
    .nygytitle{
        padding: 15px;
    }
}
@media screen and (max-width: 414px){
    .nygytitle{
        padding: 15px 5px;
    }
}
@media screen and (max-width: 375px){
    .nygytitle_h2_span{
        display: none;
    }
}
/*******************共用导航*******************/
/*新闻*/
.dnews{
    width: 100%;
    padding: 0 80px;
    margin: 0 auto;
}
.dnews_box{
    width: 100%;
}
.dnews_box_ul{
    width: 100%;
    border: 1px solid #ccc;
}
.dnews_box_ul_li{
    width: 25%;
}
.dnews_box_ul_lisj{
    display: none;
}
.dnews_box_ul_li_text{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.dnews_box_ul_li_text_a{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dnews_box_ul_li_text_p{
    font-size: 30px;
    color:#f08922;
    line-height: 36px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dnews_box_ul_li_text_p_span{
    font-size: 14px;
    line-height: 36px;
}
.dnews_box_ul_li_text_h2{
    font-size: 16px;
    color:#333;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dnews_box_ul_li_text_h3{
    font-size: 14px;
    color:#666;
    line-height: 24px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dnews_box_ul_li_text_h4{
    font-size: 146px;
    color:#fed891;
    position: absolute;
    right: 0;
    bottom: -50px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dnews_box_ul_li_img{
    width: 100%;
    overflow: hidden;
}
.dnews_box_ul_li_img_img{
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dnews_box_ul_li:hover .dnews_box_ul_li_text_a{
    background-color: #f08922;
}
.dnews_box_ul_li:hover .dnews_box_ul_li_text_p{
    color: #fff;
}
.dnews_box_ul_li:hover .dnews_box_ul_li_text_h2{
    color: #fff;
}
.dnews_box_ul_li:hover .dnews_box_ul_li_text_h3{
    color: #fff;
}
.dnews_box_ul_li:hover .dnews_box_ul_li_text_h4{
    color: #f9ce9b;
}
.dnews_box_ul_li:hover .dnews_box_ul_li_img_img{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

@media screen and (max-width: 1680px){
    .dnews_box_ul_li_text_h4{
        font-size: 100px;
        bottom: -40px;
    }
    .dnews_box_ul_li_text_h3{
        margin-top: 5px;
        -webkit-line-clamp: 2;
    }
}
@media screen and (max-width: 1500px){
    .dnews{
        padding: 0 40px;
    }
}
@media screen and (max-width: 1366px){
    .dnews{
        padding: 0 15px;
    }
    .dnews_box_ul_li_text_h4{
        font-size: 100px;
        bottom: -43px;
    }
}
@media screen and (max-width: 1200px){
    .dnews_box_ul_li{
        width: 50%;
    }
}
@media screen and (max-width: 767px){
    .dnews{
        padding: 0;
    }
    .dnews_box_ul{
        border: none;
    }
    .dnews_box_ul_li{
        width: 100%;
    }
    .dnews_box_ul_lipc{
        display: none;
    }
    .dnews_box_ul_lisj{
        display: block;
    }
    .dnews_box_ul_lisj .dnews_box_ul_li_text_a{
        position: inherit;
    }
}
/*视频*/
.dvideo{
    width: 100%;
    margin: 70px 0;
}
.dvideo_ul{
    width: 100%;
    border-top: 3px solid #f08922;
}
.dvideo_ul_li{
    width: 50%;
    padding: 0 80px 80px 80px;
}
.dvideo_ul_li.on1{
    background-color: #fff;
}
.dvideo_ul_li.on2{
    background: url("../images/dvbg.jpg");
}
.dvideo_ul_li_video{
    width: 100%;
    position: relative;
}
.dvideo_ul_li_video_div{
    width: 100%;
    overflow: hidden;
}
.dvideo_ul_li_video_divbg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    background: rgba(0,0,0,0.5);
}
.dvideo_ul_li_video_divbg_span{
    position: absolute;
    left: 50%;
    margin-left: -39px;
    top:50%;
    margin-top: -39px;
    display: block;
    width: 78px;
    height: 78px;
    background: url("../images/video01.png") center no-repeat;
}
@media screen and (max-width: 1500px){
    .dvideo_ul_li{
        padding: 0 40px 40px 40px;
    }
}
@media screen and (max-width: 768px){
    .dvideo{
        margin: 20px 0;
    }
    .dvideo_ul_li{
        width: 100%;
        padding: 0 0 40px 0 ;
    }
    .dvideo_ul_li_video{
        width: 95%;
        left: 50%;
        margin-left: -48%;
    }
}

.djoin{
    width: 100%;
}
.djoin_ul{
    width: 100%;
    padding: 0 80px;
}
.djoin_ul_li{
    width: 50%;
}
.djoin_ul_li_div{
    width: 50%;
    position: relative;
}
.djoin_ul_li_div1{
    width: 100%;
    overflow: hidden;
}
.djoin_ul_li_div1_img{
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.djoin_ul_li_div1:hover .djoin_ul_li_div1_img{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.djoin_ul_li_div_box{
    position: absolute;
    width: 100%;
    height: 100%;
    background:  url("../images/dvbg01.jpg");
    left: 0;
    top:0;
    text-align: center;
}
.djoin_ul_li_div_box_h2{
    font-size: 36px;
    color:#fff;
    line-height: 50px;
    margin-top: 25%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.djoin_ul_li_div_box_p{
    font-size: 16px;
    color:#fff;
    line-height: 28px;
    margin-top: 10px;
}
.djoin_ul_li_div_box_div{
    width: 160px;
    border: 2px solid #fff;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;
    font-size: 16px;
    color:#fff;
    line-height: 40px;
    margin: 40px auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.djoin_ul_li_div_box.on{
    background:  url("../images/dvbg03.jpg");
}

.djoin_ul_li_div_box.on .djoin_ul_li_div_box_h2{
    font-size: 36px;
    color:#333;
    line-height: 50px;
    margin-top: 25%;
}
.djoin_ul_li_div_box.on .djoin_ul_li_div_box_p{
    color:#666;
}
.djoin_ul_li_div_box.on .djoin_ul_li_div_box_div{
    border: 2px solid #116535;
    background-color: #116535;
}
.djoin_ul_li_div:hover .djoin_ul_li_div_box_div{
    background-color: #116535;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
@media screen and (max-width: 1500px){
    .djoin_ul{
        padding: 0 40px;
    }
    .djoin_ul_li_div_box_h2{
        margin-top: 17%;
    }
    .djoin_ul_li_div_box.on .djoin_ul_li_div_box_h2{
         margin-top: 17%;
     }
}
@media screen and (max-width: 1366px){
    .djoin_ul{
        padding: 0 20px;
    }
    .djoin_ul_li_div_box_h2{
        margin-top: 11%;
    }
    .djoin_ul_li_div_box.on .djoin_ul_li_div_box_h2{
         margin-top: 11%;
     }

}
@media screen and (max-width: 1200px){
    .djoin_ul_li_div_box_div{
        margin: 20px auto;
    }
    .djoin_ul_li_div_box.on .djoin_ul_li_div_box_div{
        margin: 20px auto;
    }
}
@media screen and (max-width: 1023px){
    .djoin_ul{
        padding: 0;
    }
    .djoin_ul_li_div_box_h2{
        font-size: 24px;
        line-height: 36px;
    }
    .djoin_ul_li_div_box_p{
        font-size: 14px;
    }
    .djoin_ul_li_div_box_div{
        width: 120px;
        font-size: 14px;
        line-height: 35px;
    }
    .djoin_ul_li_div_box.on .djoin_ul_li_div_box_h2{
        font-size: 24px;
        line-height: 36px;
    }
    .djoin_ul_li_div_box.on .djoin_ul_li_div_box_p{
        font-size: 14px;
    }
    .djoin_ul_li_div_box.on .djoin_ul_li_div_box_div{
        width: 120px;
        font-size: 14px;
        line-height: 35px;
    }
}
@media screen and (max-width: 768px){
    .djoin_ul_li{
        width: 100%;
    }
    .djoin_ul_li_div_box_h2{
        margin-top: 22%;
    }
    .djoin_ul_li_div_box.on .djoin_ul_li_div_box_h2{
        margin-top: 22%;
    }
}
@media screen and (max-width: 414px){
    .djoin_ul_li_div{
        width: 100%;
    }
    .djoin_ul_li_div1{
        display: none;
    }
}

.dxy{
    width: 100%;
    background: url("../images/dvbg03.jpg");
    padding: 1px 80px;
    margin-top: 70px;
}
.nyyoubang{
    width: 100%;
    padding: 1px 80px;
    margin-top: 70px;
}

.dxy_box{
    margin-top: -50px;
}
.dxy_box_img{
    width: 15%;
}
.dxy_box_ul{
    width: 85%;
    margin-top: 5%;
}
.dxy_box_ul_li{
    width: 19%;
    margin: 0 0.5%;
    border: 1px solid #ccc;
    background-color: #fbfbfb;
    padding: 70px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dxy_box_ul_li_icon.icon01{
    background: url("../images/yb02.png") no-repeat;
    background-size: 100%;
}
.dxy_box_ul_li_icon.icon02{
    background: url("../images/yb03.png") no-repeat;background-size: 100%;
}
.dxy_box_ul_li_icon.icon03{
    background: url("../images/yb04.png") no-repeat;
    background-size: 100%;
}
.dxy_box_ul_li_icon.icon04{
    background: url("../images/yb05.png") no-repeat;
    background-size: 100%;
}
.dxy_box_ul_li_icon.icon05{
    background: url("../images/yb06.png") no-repeat;
    background-size: 100%;
}
.dxy_box_ul_li_icon{
    width: 78px;
    height: 68px;
    background-position: 0 0;
    overflow: hidden;
    margin: 20px auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dxy_box_ul_li_h2{
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    color:#333;
    margin-top: 50px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dxy_box_ul_li_div{
    width: 40px;
    height: 2px;
    background-color: #333;
    margin: 20px auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dxy_box_ul_li:hover{
    border: 1px solid #f08922;
}
.dxy_box_ul_li:hover .dxy_box_ul_li_icon{
    background-position: 0  100%; 
}
.dxy_box_ul_li:hover .dxy_box_ul_li_h2{
    color:#f08922;
}
.dxy_box_ul_li:hover .dxy_box_ul_li_div{
    background-color: #f08922;
}
@media screen and (max-width: 1680px){
    .dxy,.nyyoubang{
        padding: 1px 0;
    }
    .dxy_box_ul_li{
        padding: 40px;
    }
}
@media screen and (max-width: 1366px){
    .dxy_box_ul_li{
        padding: 20px;
    }
    .dxy_box_ul_li_h2{
        font-size: 20px;
        margin-top: 30px;
    }
    .dxy_box_ul_li_div{
        margin: 10px auto;
    }
}
@media screen and (max-width: 1200px){
    .dxy_box_img{
        width: 24%;
    }
    .dxy_box_ul{
        width: 70%;
        margin-left: 2%;
    }
    .dxy_box_ul_li{
        width: 32%;
        margin-bottom: 1%;
    }
}
@media screen and (max-width: 1024px){
    .dxy_box_img{
        width: 26%;
    }
}
@media screen and (max-width: 768px){
    .dxy{
        margin-top: 40px;
    }
    .nyyoubang{
        margin-top: 0;
    }
    .dxy_box{
        margin-top: -15px;
    }
    .dxy_box_img{
        display: none;
    }
    .dxy_box_ul{
        width: 100%;
        margin-left: 0;
    }
}
@media screen and (max-width: 768px){
    .dxy_box_ul_li{
        width: 48%;
        margin: 1%;
    }
    .dxy_box_ul_li_icon{
        width: 50px;
        height: 43px;
        background-size: 100%;
    }
}
@media screen and (max-width: 414px){
    .dxy_box_ul_li_icon{
        width: 50px;
        height: 43px;
    }
}

/*内页新闻*/
.nynewsbox{
    width: 100%;
}
.nynewsbox_ul{
    width: 100%;
}
.nynewsbox_ul_li{
    padding: 20px 80px;
    background-color: #fff;
}
.nynewsbox_ul_li.on{
    background-color: #f7f7f7;
}
.nynewsbox_ul_li_img{
    width: 20%;
    overflow: hidden;
    position: relative;
}
.nynewsbox_ul_li_img_img{
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nynewsbox_ul_li_img_date{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    bottom:0;
    background: rgba(0,0,0,0.8);
    color:#fff;
    font-size: 24px;
    padding: 10px 20px;
}
.nynewsbox_ul_li_text{
    width: 67%;
    margin: 0 1%;
}
.nynewsbox_ul_li_text_h4{
    font-size: 18px;
    color:#333;
    line-height: 36px;
    margin: 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.nynewsbox_ul_li_text_p{
    font-size: 16px;
    color:#666;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.nynewsbox_ul_li_time{
    width: 10%;
}
.nynewsbox_ul_li_time_h2{
    font-size: 36px;
    font-family: SimSun;
    line-height: 40px;
    color:#666;
    text-align: center;
}
.nynewsbox_ul_li_time_span{
    display: block;
    width: 60px;
    height: 60px;
    margin: 40% auto 0 auto;
    background: url("../images/nynews01.png") center no-repeat;
    background-color: #e6e6e6;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nynewsbox_ul_li:hover .nynewsbox_ul_li_img_img{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.nynewsbox_ul_li:hover .nynewsbox_ul_li_text_h4{
    color:#f08922;
}
.nynewsbox_ul_li:hover .nynewsbox_ul_li_time_span{
    background-color: #f08922;
}

.nynewsbox_fy{
    width: 100%;
    padding: 50px 0;
    background-color: #fff;
}
.nynewsbox_fy.on{
    background: none;
}
.nynewsbox_fy_ul{
    text-align: center;
}
.nynewsbox_fy_ul_li{
    display: inline-block;
    margin: 0 5px;
}
.nynewsbox_fy_ul_li_a{
    width: 38px;
    height: 38px;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    border: 1px solid #ccc;
    -webkit-border-radius:38px;
    -moz-border-radius:38px;
    border-radius:38px;
    color:#333;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nynewsbox_fy_ul_li_a.fy{
    width: 100px;
    font-weight: bold;
    font-size: 20px;
}
.nynewsbox_fy_ul_li_a.bc{
    background-color: #f08922;
    color:#fff;
    border: 1px solid #f08922;
}
.nynewsbox_fy_ul_li_a.c1{
    background-color: #f08922;
    color:#fff;
    border: 1px solid #f08922;
}
.nynewsbox_fy_ul_li:hover .nynewsbox_fy_ul_li_a{
    background-color: #f08922;
    color:#fff;
    border: 1px solid #f08922;
}

.nynewsbox_fy_ul1{
    text-align: center;
}
.nynewsbox_fy_ul1_li{
    display: inline-block;
    margin: 0 5px;
}
.nynewsbox_fy_ul1_li_a{
    width: 94px;
    height: 31px;
    text-align: center;
    font-size: 14px;
    line-height: 31px;
    border: 1px solid #ccc;
    -webkit-border-radius:31px;
    -moz-border-radius:31px;
    border-radius:31px;
    color:#333;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nynewsbox_fy_ul1_li_a1{
    font-size: 14px;
    line-height: 31px;
    color:#333;
}
@media screen and (max-width: 1500px){
    .nynewsbox_ul_li{
        padding: 20px 40px;
    }
    .nynewsbox_fy{
        padding: 40px 0;
    }
}
@media screen and (max-width: 1200px){
    .nynewsbox_ul_li{
        padding: 20px ;
    }
    .nynewsbox_ul_li_text_h4{
        margin: 10px 0;
    }
    .nynewsbox_fy{
        padding: 20px 0;
    }
}
@media screen and (max-width: 1024px){
    .nynewsbox_ul_li_img{
        width: 22%;
    }
    .nynewsbox_ul_li_text{
        width: 75%;
    }
    .nynewsbox_ul_li_text_p{
        -webkit-line-clamp: 2;
    }
    .nynewsbox_ul_li_time{
        display: none;
    }
    .nynewsbox_ul_li_img_date{
        display: block;
    }
}
@media screen and (max-width: 768px){
    .nynewsbox_ul_li{
        padding: 20px 10px;
    }
    .nynewsbox_ul_li_img{
        width: 30%
    }
    .nynewsbox_ul_li_text{
        width: 68%;
    }
    .nynewsbox_ul_li_text_h4{
        margin: 5px 0;
    }
    .nynewsbox_ul_li_text_p{
        font-size: 14px;
        line-height: 22px;
    }
    .nynewsbox_fy_ul{
        display: none;
    }
    .nynewsbox_fy_ul1{
        display: block;
    }
}
@media screen and (max-width: 414px){
    .nynewsbox_ul_li{
        padding: 20px 10px;
    }
    .nynewsbox_ul_li_img{
        width: 96%;
        float: none;
        margin: 0 auto;
    }
    .nynewsbox_ul_li_text{
        width: 90%;
        float: none;
        margin: 0 auto;
    }
}
/*新闻详情页*/
.npagebox{
    width: 100%;
    padding: 0 80px 40px 80px;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.npagebox_h2{
    font-size: 20px;
    color:#333;
    text-align: center;
    line-height: 30px;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
.npagebox_div{
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.npagebox_div_p{
    font-size: 14px;
    color:#666;
    line-height: 50px;
}
.npagebox_div_p_span{
    margin-left: 5px;
}
.npagebox_div_a{
    font-size: 14px;
    color:#f08922;
    line-height: 50px;
}
.npagebox_center{
    width: 100%;
    padding-top: 20px;
}
.npagebox_center>p{
    font-size: 14px;
    color:#666;
    line-height: 28px;
}
.npagebox_center>p img{
    width: auto;
    max-width: 100%;
    margin: 10px auto;
}
.npagebox_center a{
    display: inline-block;
    color:#666;
    line-height: 28px;
}
.npageboxfy{
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.npageboxfy_a{
    font-size: 14px;
    color:#666;
    line-height: 28px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.npageboxfy_a_span{
    padding-left: 5px;
}
.npageboxfy_a:hover{
    color:#f08922;
}
@media screen and (max-width: 1500px){
    .npagebox{
        padding: 0 40px 20px 40px;
    }
}
@media screen and (max-width: 1200px){
    .npagebox{
        padding: 0 20px 20px 20px;
    }
}
@media screen and (max-width: 1024px){
    .npagebox_h2{
        font-size: 16px;
    }
}
@media screen and (max-width: 768px){
    .npageboxfy_a_span{
        display: none;
    }
    .npagebox{
        padding: 0 10px;
    }
    .npagebox_h2{
        padding: 10px 0;
    }
    .logo_fl{float:none;}
}
@media screen and (max-width: 375px){
    .npagebox_div_p_span{
        display: none;
    }
}

/*优脉消防管*/
#youmai{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ym{
    width: 100%;
    padding: 0 80px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ymbox{
    width: 100%;
    overflow: hidden;
}
.ym_ul{
    width: 400%;
}
.ym_ul_li{
    width: 25%;
}
.ym_ul_li_div{
    width: 18%;
    margin: 1%;
    overflow: hidden;
    position: relative;

}
.ym_ul_li_div_img{
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ym_ul_li_div_bg{
    position: absolute;
    width: 100%;
    left: 0;
    bottom:0;
    background: rgba(0,0,0,0.5);
    text-align: center;
    color:#fff;
    font-size: 16px;
    line-height: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 5px;
}
.ym_ul_li_div:hover .ym_ul_li_div_img{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.ym_ul_li_div:hover .ym_ul_li_div_bg{
    background: rgba(240,137,34,1);
}


.ym_ul_li_div.on{
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    margin: 0;
    z-index: 999999;
}
.ym_ul_li_div.on .ym_ul_li_div_bg{
    display: none;
}
.ym_ul_li_div.on .ym_ul_li_div_img{
    width: auto;
    height: 94%;
    margin: 2%  auto;
}
.ym_ul_li_div.on:hover .ym_ul_li_div_img{
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}


.ym_div{
    width: 100%;
}
.ym_div_h2{
    text-align: center;
    font-size: 24px;
    background: url("../images/youmaibg.jpg") center;
    height: 50px;
    line-height: 50px;
}
.ym_div_img{
    width: auto;
    margin: 20px auto;
    max-width: 100%;
}

.ym2{
    width: 100%;
    border:1px solid #f08922;
    padding: 40px 30px;
    position: relative;
    margin: 40px 0;
}
.ym2_p{
    position: absolute;
    left: 30px;
    top:-30px;
    background-color: #fff;
    padding: 5px;
    font-size: 18px;
    line-height: 28px;
    color:#f08922;
}
.ym2_box_div{
    width: 48%;
    margin-top: 30px;
}
.ym2_box_div_h2{
    font-size: 20px;
    color:#333;
    line-height: 36px;
    margin-bottom: 10px;
}
.ym2_box_div_p{
    font-size: 16px;
    color:#666;
    line-height: 30px;
}
.ym2_box_div_video{
    width: 50%;
}
.ym2_box_div_video_div{
    width: 100%;
}

.ym2_div_h2{
    font-size: 30px;
    color:#f08922;
    padding: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family:" Arial";
}
.ym2_div_h2_span{
    font-size: 24px;
    margin: 0 5px;
}

.ym2_div_center{
    margin: 20px 0;
    font-size: 14px;
    color:#333;
    line-height: 30px;
}
.ym2_div_center_p{
    font-size: 14px;
    color:#333;
    line-height: 30px;
}
.ym2_div_center_img{
    width: auto;
    max-width: 100%;
}
.ym2_div_center_img1{
    width: auto;
    max-width: 100%;
}
/*优脉3*/
.ym3_ul{
    text-align: center;
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
}
.ym3_ul_li{
    display: inline-block;
    margin: 0 10px;
}
.ym3_ul_li_div{
    width: 108px;
    line-height: 40px;
    font-size: 16px;
    color:#333;
    border: 1px solid #ccc;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}
.ym3_ul_li_div a{color:#333;}
.ym3_ul_li.on .ym3_ul_li_div{
    background-color: #f08922;
    color:#fff;
    border: 1px solid #f08922;
}
.ym3_ul_li.on .ym3_ul_li_div a{color:#fff;}
.ym3_ul_li:hover .ym3_ul_li_div{
    background-color: #f08922;
    color:#fff;
    border: 1px solid #f08922;
}
.ym3_ul_li:hover .ym3_ul_li_div a{color:#fff;}
.ym3_center{
    width: 100%;
}
.ym3_center_div_p{
    text-align: center;
    color:#666;
    line-height: 28px;
    font-size: 18px;
    margin-top: 15px;
}
.ym3_center_div_h2{
    text-align: center;
    color:#333;
    line-height: 30px;
    font-size: 24px;
    margin: 10px 0;
}
.ym3_center_div_ul{
    width: 100%;
    max-width: 1560px;
    margin: 0 auto;
}
.ym3_center_div_ul_li{
    float: left;
    margin: 1%;
    box-shadow: 1px 5px 3px #f6f6f6;
    width: 18%;
    border: 1px solid #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
    padding: 15px;
}
.ym3_center_div_ul_li_h2{
    font-size: 68px;
    color:#d9d9d9;
    font-style: italic;
    margin-top: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-align: left;
    padding-left: 20px;
}
.ym3_center_div_ul_li_h2_span{
    font-size: 18px;
    color:#333;
    margin-left: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ym3_center_div_ul_li:hover{
    border: 1px solid #f08922;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.ym3_center_div_ul_li:hover .ym3_center_div_ul_li_h2{
    color:#f08922;
}
.ym3_center_div_ul_li:hover .ym3_center_div_ul_li_h2_span{
    color:#f08922;
}
.ym3_center_div_ul_li.on{
    border: 1px solid #f08922;
}
.ym3_center_div_ul_li.on .ym3_center_div_ul_li_h2_span{
    color:#f08922;
}
.ym3_center_div_ul_li.on .ym3_center_div_ul_li_h2{
    color:#f08922;
}

.ym3_center_div_div{
    width: 100%;
    margin: 20px auto;
    max-width: 1560px;
    background: url("../images/youmaibg.jpg");
    height: 40px;
}
.ym3_center_div_center{
    width: 100%;
    max-width: 1560px;
    margin: 20px auto;
}
.ym3_center_div_center_div{
    width: 100%;
}
.ym3_center_div_center_div_p{
    font-size: 18px;
    color:#666;
    line-height: 28px;
}
.ym3_center_div_center_div_img{
    width: auto;
    max-width: 100%;
    margin: 10px 0;
}

.ym3_center_div_cf{
    width: 100%;
    max-width: 1560px;
    margin: 0 auto 20px auto;
}
.ym3_center_div_cf_h2{
    text-align: center;
    color:#f08922;
    font-size: 18px;
    line-height: 35px;
    height: 35px;
    background: url("../images/youmaibg.jpg");
}
.ym3_center_div_cf_h3{
    font-size: 16px;
    color:#333;
    margin-top: 20px;
    line-height: 28px;
}
.ym3_center_div_cf_p{
    font-size: 14px;
    color:#666;
    line-height: 28px;
}
/*手机*/
.ym3_center_div_sj{
    width: 100%;
}
.ym3_center_div_sj_ul{
    width: 100%;
    margin-bottom: 20px;
}
.ym3_center_div_sj_ul_li{
    border: 1px solid #ccc;
    margin-top: -1px;
}
.ym3_center_div_sj_ul_li_h2{
    font-size: 16px;
    color:#333;
    line-height: 40px;
    padding-left: 15px;
}
.ym3_center_div_sj_ul_li_div{
    display: none;
    width: 100%;
    padding: 10px;
}
.ym3_center_div_sj_ul_li_div_p{
    font-size: 14px;
    color:#666;
    line-height: 36px;
}

.ym3_center_div_sj_ul_li.on .ym3_center_div_sj_ul_li_h2{
    border-bottom: 1px solid #ccc;
    color:#f08922;
}
.ym3_center_div_sj_ul_li_div_img{
    width: auto;
    max-width: 100%;
    margin: 10px 0;
}


.ym3_center_div_video{
    width: 100%;
    max-width: 1069px;
    margin: 30px auto;
}
.ym3_center_div_video_div{
    width: 100%;
}


/*案例展示*/
.ym4_ul{
    width: 100%;
    margin: 30px 0;
}
.ym4_ul_li{
    width: 49%;
    padding: 20px;
    background-color: #f7f7f7;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 20px;
}
.ym4_ul_li_div{
    width: 40%;
    margin-right: 20px;
    overflow: hidden;
}
.ym4_ul_li_div_img{
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ym4_ul_li_text_h2{
    font-size: 16px;
    color:#333;
    line-height: 36px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ym4_ul_li_text_p{
    font-size: 14px;
    color:#666;
    line-height: 28px;
    margin-top: 10px;
}
.ym4_ul_li:hover{
    box-shadow: 0 0 5px 0 #ddd;
}
.ym4_ul_li:hover .ym4_ul_li_div_img{
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.ym4_ul_li:hover .ym4_ul_li_text_h2{
    color:#f08922;
}

@media screen and (max-width: 1500px){
    .ym{
        padding: 0 20px;
    }
    .ym2_div_center_img{
        width: 55%;
    }
    .ym3_ul{
        padding: 20px 0;
    }
}
@media screen and (max-width: 1440px){
    .ym3_center_div_ul_li{
       width: 23%;
    }
    .ym4_ul_li_text_p{
        margin-top: 5px;
        line-height: 24px;
    }
}
@media screen and (max-width: 1200px){
    .ym_ul_li_div{
        width: 23%;
    }
    .ym2_div_center_img{
        width: 45%;
    }
    .ym3_center_div_ul_li{
         width: 31%;
     }
    .ym3_center_div_div{
        height: 35px;
    }
    .ym4_ul_li{
        width: 31%;
        margin: 1%;
        float: left;
    }
    .ym4_ul_li_div{
        width: 100%;
    }
    .ym4_ul_li_text_p{
        height: 120px;
        overflow-y: auto;
    }

}
@media screen and (max-width: 1024px){
    .ym{
        padding: 0 10px;
    }
    .ym_ul_li_div{
        width: 31%;
    }
    .ym_div_h2{
        font-size: 20px;
        line-height: 40px;
        height: 40px;
    }
    .ym2_box_div{
        width: 100%;
        float: none;
        margin-top: 15px;
    }
    .ym2_box_div_video{
        width: 80%;
        float: none;
        margin: 20px auto;
    }
    .ym3_center_div_ul_li_h2{
         font-size: 55px;
     }
    .ym3_center_div_ul_li_h2_span{
        font-size: 16px;
    }
    .ym4_ul_li{
        width: 48%;
    }

}
@media screen and (max-width: 768px){
    .ym{
        padding: 0 10px;
    }
    .ym_ul_li_div{
        width: 48%;
    }
    .ym2_box_div_h2{
        font-size: 18px;
    }
    .ym2_box_div_video{
        width: 96%;
        margin: 10px auto;
    }
    .ym2{
        padding: 30px 20px;
    }
    .ym2_div_center_img{
        float: none;
        width: auto;
    }
    .ym3_center_div_ul{
        display: none;
    }
    .ym3_center_div_div{
        display: none;
    }
    .ym3_center_div_center{
        display: none;
    }
    .ym3_center_div_sj{
        display: block;
    }
}
@media screen and (max-width: 620px){
    .ym4_ul_li{
        width: 98%;
    }
    .ym4_ul_li_text_p{
        height: auto;
        overflow: inherit;
    }
}
@media screen and (max-width: 414px){
    .ym_ul_li_div_bg{
        font-size: 14px;
        line-height: 35px;
    }
    .ym_div_h2{
        font-size: 16px;
        line-height: 35px;
        height: 35px;
    }
    .ym2{
        padding: 20px 10px;
    }

}


/*经销网络*/
.jxwltitle{
    width: 100%;
    margin: 20px auto;
    text-align: center;
}
.jxwltitle_h2{
    font-size: 24px;
    color:#333;
    line-height: 36px;
}
.jxwltitle_p{
    font-size: 18px;
    color:#f08922;
    line-height: 28px;
}

.jwxl1box{
    width: 100%;
    max-width: 1000px;
    margin: 20px auto;
}
.jwxl1box_ul{
    width: 100%;
}
.jwxl1box_ul_li{
    padding:30px 10px;
    width: 31%;
    margin: 1%;
    box-shadow: 0 0 5px 0 #ccc;
    text-align: center;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.jwxl1box_ul_li_div{
    width: 80px;
    height: 60px;
    margin: 0 auto;
}

.jwxl1box_ul_li_h2{
    font-size: 18px;
    color:#f08922;
    line-height: 36px;
    margin-top: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.jwxl1box_ul_li:hover{
    background: url("../images/jxwl1_01.jpg");
}
.jwxl1box_ul_li:hover .jwxl1box_ul_li_h2{
    color:#fff;
}


.jwxl1box_phone{
    width: 100%;
    background: url("../images/youmaibg.jpg");
    height: 40px;
    margin: 20px auto;
}
.jwxl1box_phone_h2{
    font-size: 16px;
    color:#f08922;
    text-align: center;
    line-height: 40px;
}


/*全国*/
.jwxlbox{
    width: 100%;
    max-width: 1366px;
    margin: 20px auto;
}
.jwxlbox_map{
    width: 100%;
    max-width: 600px;
    margin-left: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.map{ position:relative;width:856px; margin:0 auto;}
.map a{ color:#fff; font-size:14px; text-decoration:none;}
.map_img{
    width: auto;
    max-width: 100%;
}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}
.jwxlbox_div{
    margin: 166px 0 0 166px;
    padding: 40px 60px;
    box-shadow: 0 2px 1px #e5e5e5;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.jwxlbox_div_h2{
    font-size: 24px;
    color:#f08922;
    line-height: 40px;
    height: 40px;
    background: url("../images/jxwl01.png") left center no-repeat;
    padding-left: 40px;
    margin-bottom: 15px;
}
.jwxlbox_div_p{
    font-size: 16px;
    color:#333;
    line-height: 36px;
}

.mapsj{
    width: 100%;
}
.mapsj_ul{
    width: 100%;
}
.mapsj_ul li{
    float: left;
    width: 18%;
    margin: 1%;
    background-color: #0f9ace;
}
.mapsj_ul li.on{
    background-color: #f08922;
}
.mapsj_ul li a{
    color:#fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}


@media screen and (max-width: 1199px){
    .jwxlbox_div {
        margin: 190px 0 0 60px;
        padding: 20px 30px;
        position: relative;
    }
}
@media screen and (max-width: 1023px){
    .jwxlbox_map{
        margin: 20px auto;
        float: none;
        max-width: 100%;
    }
    .map{
        display: none;
    }
    .jwxlbox_div{
        width: 80%;
        float: none;
        margin: 0 auto;
        padding: 30px 40px;
    }
    .mapsj{
        display: block;
    }
}
@media screen and (max-width: 768px){
    .jwxl1box_ul_li{
        width: 48%;
        padding: 30px 0;
    }
    .jwxl1box_ul_li_h2{
        font-size: 16px;
    }
    .jwxlbox_div{
        width: 90%;
    }
    .mapsj_ul li{
        width: 23%;
    }
}

@media screen and (max-width: 414px){
    .jwxlbox_div{
        width: 98%;
        padding: 20px;
    }
    .jwxlbox_div_p{
        font-size: 14px;
        line-height: 28px;
    }
    .jwxlbox_div_h2{
        font-size: 20px;
        line-height: 35px;
        height: 35px;
        padding-left: 35px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 375px){
    .jwxl1box_ul_li{
        width: 90%;
        float: none;
        margin: 3% auto;
    }
    .jwxl1box_phone_h2{
        font-size: 14px;
    }
}

/*招兵买马*/
.joinbox{
    width: 100%;
    padding: 0 80px;
    margin: 20px auto;
}
.joinbox_title{
    width: 100%;
}
.joinbox_title_ul{
    width: 100%;
    background-color: #f08922;
}
.joinbox_title_ul_li{
    text-align: center;
}
.joinbox_title_ul_li.w22{
    width: 22%;
}
.joinbox_title_ul_li.w18{
    width: 18%;
}
.joinbox_title_ul_li.w181{
    width: 18%;
}
.joinbox_title_ul_li.w6{
    width: 6%;
}
.joinbox_title_ul_li_h2{
    font-size: 18px;
    color:#fff;
    line-height: 50px;
}

.joinbox_ul{
    width: 100%;
}
.joinbox_ul_li{
    width: 100%;
    background-color: #fff;
    margin: 15px 0;
}
.joinbox_ul_ul{
    width: 100%;
}
.joinbox_ul_ul_li{
    text-align: center;
}
.joinbox_ul_ul_li.w22{
    width: 22%;
}
.joinbox_ul_ul_li.w18{
    width: 18%;
}
.joinbox_ul_ul_li.w181{
    width: 18%;
}
.joinbox_ul_ul_li.w6{
    width: 6%;
}
.joinbox_ul_ul_li_h3{
    font-size: 16px;
    color:#333;
    line-height: 50px;
}
.joinbox_ul_ul_li_div{
    width: 100%;
    height: 50px;
    background: url("../images/join01.png") center no-repeat;
    cursor: pointer;
}
.joinbox_ul_ul_li_div.on{
    background: url("../images/join02.png") center no-repeat;
}
.joinbox_ul_center{
    display: none;
    border-top: 1px solid #ccc;
    padding: 20px 80px;
}
.joinbox_ul_center>h4{
    font-size: 16px;
    color:#f08922;
    line-height: 30px;
}
.joinbox_ul_center>p{
    font-size: 14px;
    color:#666;
    line-height: 28px;
}
@media screen and (max-width: 1500px){
    .joinbox{
        padding: 0 40px;
    }
    .joinbox_ul_center{
        padding: 40px;
    }
}
@media screen and (max-width: 1200px){
    .joinbox{
        padding: 0 20px;
    }
    .joinbox_ul_center{
        padding: 20px;
    }
}
@media screen and (max-width: 900px){
    .w18{
        display: none;
    }
    .joinbox_title_ul_li.w22,.joinbox_ul_ul_li.w22{
        width: 40%;
    }
    .joinbox_title_ul_li.w181,.joinbox_ul_ul_li.w181{
        width: 36%;
    }
    .joinbox_ul_ul_li.w6{
        float: right;
        width: 20%;
    }
}
@media screen and (max-width: 414px){
    .joinbox{
        padding: 0 10px;
    }
}


.aboutbox{
    width: 100%;
    padding: 0 80px;
}
.aboutbox_bg{
    background: url("../images/about01.jpg");
    padding: 40px;
    margin: 30px 0;
}
.aboutbox_div{
    width: 57%;
}
.aboutbox_div_h2{
    font-size: 24px;
    color:#333;
    line-height: 36px;
    letter-spacing: 6px
}
.aboutbox_div_h3{
    font-size: 14px;
    color:#f08922;
    line-height: 36px;
    margin-bottom: 20px;
}
.aboutbox_div_p{
    font-size: 16px;
    color:#666666;
    line-height: 34px;
}
.aboutbox_img{
    width: 40%;
}
.aboutbox_imgbox{
    float: right;
    width: 100%;
    position: relative;
}
.aboutbox_imgbox_img{
    width: auto;
    max-width: 100%;
}
.aboutbox_imgbox_img1{
    width: auto;
    max-width: 100%;
    position: absolute;
    left: -20px;
    top:20px;

}

/*团队*/
.ab2_ul{
    width: 100%;
    margin: 20px auto;
}
.ab2_ul_li{
    width: 23%;
    margin: 1%;
    position: relative;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #fff;
}
.ab2_ul_li_img{
    width: 100%;
    overflow: hidden;
}
.ab2_ul_li_img_img{
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ab2_ul_li_text{
    padding: 20px 0;
    width: 100%;
    background-size: 100%;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ab2_ul_li_text_h2{
    text-align: center;
    font-size: 18px;
    color:#333;
    line-height: 36px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ab2_ul_li_text_p{
    padding: 10px;
    font-size: 14px;
    color:#666;
    line-height: 28px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    height: 160px;
    overflow-y: auto;
}
.ab2_ul_li_text_p::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.ab2_ul_li_text_p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
     border-radius: 5px;
     -webkit-box-shadow: inset 0 0 5px rgba(240,137,34,1);
     background: rgba(240,137,34,1);
 }
.ab2_ul_li_text_p::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.ab2_ul_li:hover{
    box-shadow: 0 0 5px 0 #ddd;
    background-color: #f08922;
}
.ab2_ul_li:hover .ab2_ul_li_img_img{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.ab2_ul_li:hover .ab2_ul_li_text_h2{
    color:#fff;
}
.ab2_ul_li:hover .ab2_ul_li_text_p{
    color:#fff;
}

.ab3box{
    width: 100%;
    margin:  50px 0;
}
.ab3box_img{
    width: auto;
    max-width: 100%;
    margin: 40px auto;
}
.ab3box_box{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.ab3box_div{
    position: relative;
}
.ab3_line{
    position: absolute;
    top:0;
    left:50%;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background-color: #ccc;
}
.ab3_line_box{
    position: relative;
    width: 100%;
    height:100%;
}

.ab3_line_div{
    width: 15px;
    height: 15px;
    background-color: #f08922;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    position: absolute;
    left: -7px;
}
.ab3box_ul{
    width: 100%;
    height: 100%;
    margin-top: 25px;
}
.ab3box_ul_li{
    width: 50%;
    position: relative;
    float: left;

}
.ab3box_ul_li.on{
    margin-top:160px;
}
.ab3box_ul_li.onl{
    padding-bottom: 160px;
}
.ab3box_ul_li_div{
    width: 50%;
    position: relative;
}
.ab3box_ul_li_div_img{
    width: 85%;
    overflow: hidden;
}
.ab3box_ul_li_div_img1{
    width: 85%;
    position: absolute;
}
.ab3box_ul_li_div_img1.on{
    left: 5%;
    top:-8%;
}
.ab3box_ul_li_div_img1.on1{
    left: -5%;
    top:-8%;
}
.ab3box_ul_li_text{
    width: 50%;
}
.ab3box_ul_li_text.on{
    padding-left: 5%;
}
.ab3box_ul_li_text_h2{
    font-size:30px;
    color:#333;
    line-height: 30px;
    background: url("../images/ab3_02.png") no-repeat;
    padding-left: 40px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ab3box_ul_li_text_div{
    width: 80%;
    height: 1px;
    background-color: #ccc;
    margin: 15px 0;
}
.ab3box_ul_li_text_p{
    font-size: 14px;
    color:#666;
    line-height: 28px;
}
.ab3box_ul_li_icon{
    width: 30px;
    height: 30px;
    position: absolute;
    top:15%;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    padding: 10px;
    border: 1px solid #666666;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ab3box_ul_li_icon_div{
    width: 20px;
    height: 20px;
    background-color: #666666;
    margin-left: -6px;
    margin-top: -6px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ab3box_ul_li_icon.on{
    right: -15px;
}
.ab3box_ul_li_icon.on1{
    left: -15px;
}
.ab3box_ul_li:hover .ab3box_ul_li_text_h2{
    color:#f08922;
    background: url("../images/ab3_01.png") no-repeat;
}
.ab3box_ul_li:hover .ab3box_ul_li_icon{
    border: 1px solid #f08922;
}
.ab3box_ul_li:hover .ab3box_ul_li_icon_div{
    background-color: #f08922;
}
.ab3box_but{
    width: 46px;
    height: 46px;
    -webkit-border-radius:46px;
    -moz-border-radius:46px;
    border-radius:46px;
    background-color: #dadada;
    color:#fff;
    font-size: 30px;
    text-align: center;
    line-height: 46px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: 0;
}
.ab3box_ulsj{
    width: 100%;
    overflow:hidden;
}
.ab3box_ulsj_li{
    width: 31%;
    margin: 1%;
}
.ab3box_ulsj_li_img{
    margin-bottom: 10px;
}
.ab3box_ulsj_li_h2{
    font-size:24px;
    color:#333;
    line-height: 30px;
    background: url("../images/ab3_02.png") no-repeat;
    padding-left: 40px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.ab3box_ulsj_li_div{
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 15px 0;
}
.ab3box_ulsj_li_p{
    font-size: 14px;
    color:#666;
    line-height: 28px;
}
.ab3box_but1{
    width: 98%;
    margin: 20px auto;
    background-color: #f7f7f7;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}

.ab1box{
    width: 100%;
    max-width: 1440px;
    margin: 40px auto;
    overflow: hidden;
    position: relative;
}
.ab1box_ul{
    width: 100%;
}
.ab1box_ul_li{
    width: 25%;
}
.ab1box_ul_li_img{
    width: 100%;
}
.ab1box_ul_li_text{
    width: 100%;
    background-color: #fff;
    padding: 40px 20px;
    height: 200px;
}
.ab1box_ul_li_text_h2{
    font-size: 24px;
    color:#333;
    line-height: 45px;
    height: 45px;
    padding-left: 50px;
    margin-bottom: 20px;
}
.ab1box_ul_li_text_h2.on1{
    background: url("../images/ab1_01.png") left center no-repeat;
}
.ab1box_ul_li_text_h2.on2{
    background: url("../images/ab1_02.png") left center no-repeat;
}
.ab1box_ul_li_text_h2.on3{
    background: url("../images/ab1_03.png") left center no-repeat;
}
.ab1box_ul_li_text_h2.on4{
    background: url("../images/ab1_04.png") left center no-repeat;
}
.ab1box_ul_li_text_p{
    font-size: 16px;
    color:#666;
    line-height: 28px;
}
.ab1box_bt{
    width: 100%;
}
.ab1box_bt a{
    position: absolute;
    top:50%;
    margin-top: -25px;
    height: 50px;
    width: 50px;
}
.ab1box_bt_left{
    background: url("../images/ab1_05.png") center no-repeat;
    left: 0;
}
.ab1box_bt_right{
    background: url("../images/ab1_06.png") center no-repeat;
    right: 0;
}
.ab1box_bt_left:hover{
    background: url("../images/ab1_051.png") center no-repeat;
}
.ab1box_bt_right:hover{
    background: url("../images/ab1_061.png") center no-repeat;
}

/*210828*/

.DEProducts_ul{
    font-size: 0;
    text-align: center;
}
.DEProducts_ul li{
    display: inline-block;
    width: 31%;
    margin: 0 1%;
}
.DEProducts_div{
    color:#f08922;
    text-align: center;
    border: 1px solid #f08922
}
.DEProducts_div a{
    color:#f08922;
}
.DEProducts_div:hover{
    background-color:#f08922 ;
}
.DEProducts_div:hover a{
    color:#fff;
}






@media screen and (max-width: 1500px){
    .aboutbox{
        padding: 0 20px;
    }
    .ab2_ul_li{
        width: 24%;
        margin: 1% 0.5%;
    }
}
@media screen and (max-width: 1280px){
    .ab1box_ul{
        width: 133.2%;
    }
}
@media screen and (max-width: 1200px){
    .aboutbox_bg{
        padding: 20px;
    }
    .aboutbox_div_h3{
        margin-bottom: 10px;
    }
    .ab2_ul_li{
        width: 32%;
        margin: 1% 0.5%;
    }
}
@media screen and (max-width: 1023px){
    .aboutbox{
        padding: 0 10px;
    }
    .aboutbox_div{
        width: 100%;
        float: none;
    }
    .aboutbox_img{
        width: 100%;
        float: none;
    }
    .aboutbox_imgbox{
        width: 100%;
        float: none;
        position: static;
    }
    .aboutbox_imgbox_img{
        display: none;
    }
    .aboutbox_imgbox_img1{
        position: static;
        margin: 10px auto;
    }
    .ab2_ul_li{
        width: 48%;
        margin: 1% ;
    }
    .ab2_ul_li_text{
        background: none;
        margin-top: 0;
    }
    .ab3box_box{
        display: none;
    }
    .ab3box_but1,.ab3box_ulsj{
        display: block;
    }
    .ab1box_ul{
         width: 200%;
     }
    .ab2_ul_li:hover .ab2_ul_li_text{
        background: none;
    }
}
@media screen and (max-width: 768px){
    .aboutbox_bg{
        padding: 10px;
    }
    .aboutbox_div_h2{
        font-size: 18px;
        letter-spacing: 0
    }
    .aboutbox_div_h3{
        font-size: 12px;
        line-height: 24px;
    }
    .aboutbox_div_p{
        font-size: 14px;
    }
    .ab2_ul_li{
        width: 98%;
        margin: 1% ;
    }
    .ab2_ul_li_text{
        padding: 10px 0;
    }
    .ab3box_ulsj_li{
        width: 48%;
    }

    .DEProducts_ul li{
        width: 98%;
        margin: 1%;
    }
}

@media screen and (max-width: 414px){
    .ab3box_ulsj_li{
        width: 98%;
    }
    .ab1box{
        margin: 20px auto;
    }
    .ab1box_ul{
         width: 400%;
     }
}